/* 重置样式 */
body,div,ul,li,a,img,header,h1,h2,input,span,footer,label,button,i,section,footer,p,h3,h4,select,option,table,thead,th,tbody,tr,td,dl,dt,dd{margin: 0;padding: 0;-webkit-text-size-adjust: none;}
ul li{list-style: none}
a{text-decoration: none;}
body{font:12px/1.5 "Microsoft Yahei",sans-serif,arial;background: #fff;color: #333;}
h1,h2{font-weight: normal;}
input{border: 0 none;outline: none;}
button{border: 0 none;background: none;}
img{border: 0 none;}
strong{font-weight: normal;}
.cl:after{height: 0;clear:both;content: ".";overflow: hidden;visibility: hidden;display: block}
.cl{zoom: 1;}
*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    background-color: transparent;
    text-decoration: none;
    color: #3c3c3c;
    font-size:12px;
}

.clearfix:before,
.clearfix:after{
    content: " ";
    display: table;
}
.clearfix:after{
    clear: both;
}

.hideIm{
    display: none!important;
}

.inline-block{
    display: inline-block;
    zoom: 1;
    vertical-align: middle;
}
.text-center{
    text-align: center;
}
.text-left{
    text-align: left;
}
.pull-left{
    float: left;
}
.pull-right{
    float: right;
}
.pdl30{
    padding-left:30px;
}
.pdt15{
    padding-top: 15px;
}
.pdt20{
    padding-top: 20px;
}
.pdt45{
    padding-top: 45px;
}
.pdt50{
    padding-top: 50px;
}
.pdt60{
    padding-top: 50px;
}
.pdt70{
    padding-top: 70px;
}
.pdb15{
    padding-bottom: 15px;
}
.pdb20{
    padding-bottom: 20px;
}
.pdb50{
    padding-bottom: 50px;
}
.pdt20{
    padding-top: 20px;
}
.pdt30{
    padding-top: 30px;
}
.pdt40{
    padding-top: 40px;
}
.pdt50{
    padding-top: 50px;
}
.pdt60{
    padding-top: 60px;
}
.pdb20{
    padding-bottom: 20px;
}
.pdb90{
    padding-bottom: 90px;
}
.mgb5{
    margin-bottom:5px!important;
}
.mgb10{
    margin-bottom:10px!important;
}
.mgb15{
    margin-bottom:15px!important;
}
.mgb20{
    margin-bottom:20px!important;
}
.mgb25{
    margin-bottom:25px;
}
.mgb30{
    margin-bottom:30px!important;
}
.mgb40{
    margin-bottom:40px!important;
}
.mgb50{
    margin-bottom:50px!important;
}
.mgb60{
    margin-bottom:60px;
}
.mgb85{
    margin-bottom:85px!important;
}
.mgt3{
    margin-top:3px!important;
}
.mgt5{
    margin-top:5px!important;
}
.mgt10{
    margin-top:10px!important;
}
.mgt15{
    margin-top:15px!important;
}
.mgt20{
    margin-top:20px;
}
.mgt25{
    margin-top:25px;
}
.mgt30{
    margin-top:30px!important;
}
.mgt35{
    margin-top:35px!important;
}
.mgt40{
    margin-top:40px!important;
}
.mgt45{
    margin-top:45px!important;
}
.mgt55{
    margin-top:55px!important;
}
.mgt60{
    margin-top:60px!important;
}
.mgt65{
    margin-top:65px!important;
}
.mgl10{
    margin-left:10px!important;
}
.mgl25{
    margin-left:25px!important;
}
.mgr10{
    margin-right: 10px;
}
.mgr20{
    margin-right: 20px;
}
.mgb35{
    margin-bottom:35px!important;
}
.mgb40{
    margin-bottom:40px!important;
}
.mgb45{
    margin-bottom:45px!important;
}
.mgb65{
    margin-bottom:65px!important;
}
.mgb70{
    margin-bottom:70px!important;
}



/**
 *  table的样式
 **/
table {
    background-color: transparent
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left
}

th {
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
    border-top: 0
}

.table > tbody + tbody {
    border-top: 2px solid #ddd
}

.table .table {
    background-color: #fff
}

.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
    padding: 5px
}

.table-bordered {
    border: 1px solid #ddd
}

.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #ddd
}

.table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    /*border-bottom-width: 2px*/
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.table-hover > tbody > tr:hover {
    background-color: #f5f5f5
}

table col[class*=col-] {
    position: static;
    display: table-column;
    float: none
}

table td[class*=col-], table th[class*=col-] {
    position: static;
    display: table-cell;
    float: none
}
.table-bordered {
    border-left: 1px solid #ddd;
    border-collapse: collapse;
    border-radius: 0;
}

.dialog {
    display: none
}

.dialog .dialog-form {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -200px;
    margin-top: -70px;
    background: #fafafa;
    width: 400px;
    padding: 0 10px;
    border-radius: 2px;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
    z-index: 900
}

.dialog .dialog-form .title-bar {
    position: relative
}

.dialog .dialog-form .title-bar .title {
    font-size: 14px;
    font-weight: bold;
    height: 35px;
    line-height: 35px;
    display: inline-block
}

.dialog .dialog-form .title-bar .del-icon {
    cursor: pointer;
    color: #969696;
    position: absolute;
    top: 50%;
    right: 0;
    text-align: right
}

.dialog .dialog-form .button-pane {
    bottom: 10px;
    height: 40px;
    line-height: 39px;
    padding: 0
}

.dialog .dialog-form .button-pane .btn:last-child {
    margin-right: 0
}

.dialog .dialog-form .title-bar {
    color: #6bc04b;
    border-bottom: 1px solid #6bc04b
}

.dialog .dialog-form .title-bar .del-icon {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    line-height: 20px
}

.dialog .dialog-form .modal-content {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
}

.dialog .dialog-form .content {
    padding: 10px
}

.dialog .dialog-form .button-pane {
    text-align: right
}

.dialog .dialog-form .button-pane button {
    padding: 2px 14px;
    font-size: 12px;
    line-height: 20px;
    border-radius: 3px;
    margin-top: 10px;
}

.dialog .dialog-form .button-pane .btn:last-child {
    margin-right: 0
}

.dialog .mask {
    position: fixed;
    z-index: 500;
    opacity: .3;
    overflow: hidden;
    background: #000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 800
}

.dialog.danger .title-bar {
    color: #ff2c23;
    border-bottom: 1px solid #ff2c23
}

.dialog.danger .mask {
    position: fixed;
    z-index: 500;
    opacity: .3;
    overflow: hidden;
    background: #000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.dialog.special .dialog-form {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -220px;
    margin-top: -85px;
    background: #fafafa;
    width: 440px;
    padding: 0 10px;
    border-radius: 2px;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3)
}

.dialog.special .dialog-form .title-bar {
    position: relative
}

.dialog.special .dialog-form .title-bar .title {
    font-size: 14px;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    display: inline-block
}

.dialog.special .dialog-form .title-bar .del-icon {
    cursor: pointer;
    color: #969696;
    position: absolute;
    top: 50%;
    right: 0;
    text-align: right
}

.dialog.special .dialog-form .button-pane {
    bottom: 10px;
    height: 44px;
    line-height: 43px;
    padding: 0
}

.dialog.special .dialog-form .button-pane .btn:last-child {
    margin-right: 0
}

.dialog.special .dialog-form .title-bar {
    color: #3c3c3c;
    border-bottom: 1px solid #e3e3e3
}

.dialog.special .dialog-form .title-bar .title {
    font-size: 18px;
    position: static;
    left: inherit;
    top: inherit;
}

.dialog.special .dialog-form .button-pane {
    background-color: #4bc355;
    text-align: center;
    margin: 0 -10px
}

.dialog.error .dialog-form .button-pane{
    background-color: #ff6c00;
}

.dialog.special .dialog-form .button-pane button {
    font-size: 14px
}

.dialog.special .dialog-form .button-pane .btn-success {
    color: #333333;
    background-color: #fff;
    border: 0;
    font-weight: bold;
}



.dialog.special .dialog-form .button-pane .btn-link {
    color: #fdf167
}

.dialog.special .dialog-form .title-bar {
    color: #3c3c3c;
    border-bottom: 1px solid #e3e3e3
}


.dialog.special .mask {
    position: fixed;
    z-index: 500;
    opacity: .3;
    overflow: hidden;
    background: #000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.modal {
    display: none
}

.modal .modal-form {
    color: #3c3c3c;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -400px;
    margin-top: -300px;
    background: #fafafa;
    width: 800px;
    padding: 0 10px;
    border-radius: 2px;
    z-index: 600;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3)
}

.modal.center>.modal-form {
    margin: auto !important;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.modal .modal-form .title-bar {
    position: relative
}

.modal .modal-form .title-bar .title {
    font-size: 14px;
    font-weight: bold;
    height: 44px;
    line-height: 44px;
    display: inline-block
}

.modal .modal-form .title-bar .del-icon {
    cursor: pointer;
    color: #969696;
    position: absolute;
    top: 50%;
    right: 0;
    text-align: right
}

.modal .modal-form .button-pane {
    bottom: 10px;
    height: 45px;
    line-height: 44px;
    padding: 0
}

.modal .modal-form .button-pane .btn:last-child {
    margin-right: 0
}

.modal .modal-form .title-bar {
    color: #6bc04b;
    border-bottom: 1px solid #e3e3e3
}

.modal .modal-form .title-bar .title {
    font-size: 16px;
    font-weight: bold
}

.modal .modal-form .title-bar .del-icon {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    line-height: 20px;
    margin-right: 16px
}

.modal .modal-form .modal-content {
    padding: 16px;
    background-color: #ffffff
}

.modal .modal-form .modal-content .panel-footer {
    padding-bottom: 0
}

.modal .modal-form .button-pane {
    text-align: right
}

.modal .modal-form .button-pane button {
    padding: 2px 14px;
    font-size: 12px;
    line-height: 20px;
    border-radius: 3px;
    vertical-align: baseline
}

.modal .modal-form .button-pane .btn:last-child {
    margin-right: 0
}

.modal .modal-form .button-pane .msg-danger {
    margin-right: 5px;
    font-size: 12px;
    vertical-align: middle
}

.modal .mask {
    position: fixed;
    z-index: 500;
    opacity: .3;
    overflow: hidden;
    background: #000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.modal.page {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 600;
    overflow: auto
}

.modal.page .modal-form {
    padding: 0;
    position: absolute;
    margin-top: 15px;
    margin-bottom: 15px;
    border-radius: 5px;
    top: 0
}

.modal.page .modal-form .title-bar {
    padding: 0 16px
}

.modal.page .modal-form .button-pane {
    text-align: right;
    background-color: #fafafa;
    border-top: 1px solid #e3e3e3;
    padding: 0 16px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}

.modal.page .modal-form .button-pane .btn:last-child {
    margin-right: 0
}

.modal.page .modal-form>*:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.modal.page .modal-form>*:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.modal.page .mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-bottom: -1000%
}

.modal.popup .modal-form {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -90px;
    margin-top: -95px;
    background: #fafafa;
    width: 180px;
    padding: 0 10px;
    border-radius: 2px;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
    padding: 0;
    outline: 1px solid rgba(102,102,102,0.2);
    position: absolute;
    top: 100%;
    left: 0;
    margin-left: 0;
    margin-top: 2px
}

.modal.popup .modal-form .title-bar {
    position: relative
}

.modal.popup .modal-form .title-bar .title {
    font-size: 14px;
    font-weight: bold;
    height: 0;
    line-height: 0;
    display: inline-block
}

.modal.popup .modal-form .title-bar .del-icon {
    cursor: pointer;
    color: #969696;
    position: absolute;
    top: 50%;
    right: 0;
    text-align: right
}

.modal.popup .modal-form .button-pane {
    bottom: 10px;
    height: 40px;
    line-height: 39px;
    padding: 0
}

.modal.popup .modal-form .button-pane .btn:last-child {
    margin-right: 0
}

.modal.popup .modal-form .title-bar {
    border-bottom: 0
}

.modal.popup .modal-form .modal-content {
    text-align: left;
    padding: 12px;
    border-radius: 2px 2px 0 0
}

.modal.popup .modal-form .button-pane {
    text-align: left;
    padding: 0 12px;
    border-radius: 0 0 2px 2px;
    border-top: 1px solid #dcdcdc
}

.modal.popup .modal-form .button-pane .btn:first-child {
    margin-left: 0
}

.modal.loading .modal-form {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -120px;
    margin-top: -40px;
    background: #fafafa;
    width: 240px;
    padding: 0 10px;
    border-radius: 2px;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
    padding: 0;
    z-index: 800
}

.modal.loading .modal-form .title-bar {
    position: relative
}

.modal.loading .modal-form .title-bar .title {
    font-size: 14px;
    font-weight: bold;
    height: 0;
    line-height: 0;
    display: inline-block
}

.modal.loading .modal-form .title-bar .del-icon {
    cursor: pointer;
    color: #969696;
    position: absolute;
    top: 50%;
    right: 0;
    text-align: right
}

.modal.loading .modal-form .button-pane {
    bottom: 10px;
    height: 0;
    line-height: -1;
    padding: 0
}

.modal.loading .modal-form .button-pane .btn:last-child {
    margin-right: 0
}

.modal.loading .modal-form .modal-content {
    padding: 0;
    font-size: 18px;
    font-weight: bold;
    line-height: 80px;
    text-align: center
}

.modal.loading .modal-form .modal-content>div {
    line-height: 2em
}

.modal.loading .mask {
    position: fixed;
    z-index: 500;
    opacity: .6;
    overflow: hidden;
    background: #DCE2F1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 700
}

.btn.btn-success {
    background-color: #6bc04b;
    border: 1px solid #5eb33f;
    color: #fff;
    cursor: pointer;
    display: inline-block;
}

.btn.btn-success label span:before {
    color: #fff
}

.btn.btn-success.active, .btn.btn-success:hover, .btn.btn-success:active, .btn.btn-success:focus {
    background-color: #5eb33f;
    border: 1px solid #5eb33f;
    color: #fff
}

.btn.btn-success.active label span:before, .btn.btn-success:hover label span:before, .btn.btn-success:active label span:before, .btn.btn-success:focus label span:before {
    color: #fff
}